<template>
    <div class="tip">
        <div class="tip_box"><b>TIP：</b>鼠标悬停后会出现边框特效。</div>
    </div>
    <div class="container">
        <div class="btn demo1">Demo1</div>
        <div class="btn demo2">Demo2</div>
        <div class="btn demo3">Demo3</div>

        <div class="btn demo4">Demo4</div>
        <div class="btn demo5">Demo5</div>

        <div class="btn demo6">Demo6</div>
        <div class="btn demo7">Demo7</div>
        <div class="btn demo8">
            <span>Demo8</span>
            <div class="demo8_bg"></div>
        </div>

        <div class="btn demo9">Demo9</div>
        <div class="btn demo10">Demo10</div>
    </div>
</template>
<script lang="ts" setup></script>
<style scoped lang="scss" src="./border.scss"></style>
